<template>
  <div>
     <a-drawer
      :title="title"
      placement="right"
      :closable="false"
      :width="width"
      :visible="visible"
      @close="onClose"
    >
      <a-table 
      :columns="columns"
      :pagination="ipagination" 
      :data-source="dataList">
     </a-table>
    </a-drawer>
  </div>
</template>

<script>
export default {
  name:'maintenanceRecord',
  components:{},
  data(){
      return{
        title:'附件绑定/解绑',
        visible:false,
        width:800,
        ipagination: {
        current: 1,
        pageSize: 10,
        pageSizeOptions: ['10', '20', '30'],
        showTotal: (total, range) => {
          return range[0] + '-' + range[1] + ' 共' + total + '条'
        },
        showQuickJumper: true,
        showSizeChanger: true,
        total: 0
      },
        columns:[
          {
            title:'序号',
            dataIndex: '',
            key: '',
          },
          {
            title:'附件名称',
            dataIndex: 'name',
            key: 'name',
            scopedSlots: { customRender: 'name' },
          },
          {
            title:'附件ID',
            dataIndex: 'name',
            key: 'name',
            scopedSlots: { customRender: 'name' },
          },
          {
            title:'绑定时间',
            dataIndex: 'name',
            key: 'name',
            scopedSlots: { customRender: 'name' },
          },
          {
            title:'解绑时间',
            dataIndex: 'name',
            key: 'name',
            scopedSlots: { customRender: 'name' },
          }
        ],
        dataList:[],
      }
  },
  methods:{
      open(val){
          this.visible=true
      },
      onClose(){this.visible=false}
  },
}
</script>

<style lang="less" scoped>

</style>